Передача данных в скрипт и получение данных из скрипта

@ISerg1986 · Регистрация: 12.01.2014

Author24 — интернет-сервис помощи студентам

Здравствуйте!
Мучаюсь с задачей уже 4й день, в силу незнанания/плохого знания jQuery.
Читаю, пробую и даже уже начинаю немного понимать, но всё равно не работает.
Не могли бы вы мне помочь?

Задача такая - по нажатию на ссылку (у ссылки есть id), передать этот id в php скрипт.
В php скрипте что-то сделать с этим id. (это я сам сделаю, вопросов в php нет).
Далее вернуть результат работы (echo) в div с определённым id (пусть id нажатой ссылки + какое-то число)

Код ниже, выводит по нажатию кнопки, в диве my_div слово Preved.
В JS уже определена переменная data, для передачи php скрипту. Но я не знаю, как передать туда id нажатой кнопки.
И как получить этот id в php скрипте.
Пробовал всякие варианты - $_GET $_POST $_REQUEST но видимо что-то я делаю не так.

HTML5

1 2	<div id="my_div" class="my_div"></div> <input type="button" value="Запросить json" class="json" class = "click" id = "1" />

Javascript

 $(function (){
    $("input.json").click(function (){
        $.getJSON("do_action.php",data, function (data){
            for(j in data)
                $(j).html(data[j]);
        });
    });
    
});

PHP

1	echo'{".my_div":Preved}';

@xZooYx · 24.06.2014, 10:04

Сообщение от ISerg1986

Для начала у вас полно ошибок в этой строке: классы указываются в одном атрибуте через пробел и после имени атрибутов не должно быть пробелов, то есть строка должна выглядеть так:

HTML5

1	<input type="button" value="Запросить json" class="json click" id="1" />

Кроме того наверное не стоит использовать стандартный атрибут id, в нем все таки должна быть строка, а не число; сделайте лучше какой-нибудь свой, например data-id.
ну а получать значение атрибута:

Javascript

1	var id = $("input.json").attr('id');

@ISerg1986 · 24.06.2014, 10:14 **[ТС]**

xZooYx, спасибо это я описался. Много экспериментов с разными скриптами. Спешил.

То есть код будет таким?

Javascript

var data = $("input.json").attr('id');//это id элемента по которому "кликнул" пользователь
 
//Передаём этот id как переменную data скрипту do_action.php и запрашиваем результат
$(function (){
    $("input.json").click(function (){
        $.getJSON("do_action.php",data, function (data){
            for(j in data)
                $(j).html(data[j]);
        });
    });
    
});

И как мне в php скрипте получить переданную переменную data?
Я пробовал $_GET $_POST $_REQUEST[data] но не получилось.

@ISerg1986 · 26.06.2014, 18:54 **[ТС]**

Тема всё ещё актуальна.

Ответа не нашел.

@Freeden · 27.06.2014, 00:46

Вместо getJSON передайте значение с помощью $.post:

Javascript

$.post(
  "do_action.php",
  {
    id_from_js: data
   },
  onAjaxSuccess //функция выполняемая при завершенной передаче данных и получении ответа от  do_action.php
);
 
function onAjaxSuccess(data_from_php)
{
  // Здесь мы получаем данные, отправленные сервером 
  alert(data_from_php);
}

Файл do_action.php получит значение переменной data в массив $_POST["id_from_js"]

Добавлено через 35 минут
Если правильно поняла вашу задачу, то содержание файлов примерно такое:

HTML5

<head>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<div id="my_div1" class="my_div"></div>
<div id="my_div2" class="my_div"></div>
<div id="my_div3" class="my_div"></div>
<div id="my_div4" class="my_div"></div>
<input type="button" value="Запросить json" class="json" class = "click" id = "1" />
<input type="button" value="Запросить json" class="json" class = "click" id = "2" />
<input type="button" value="Запросить json" class="json" class = "click" id = "3" />
<input type="button" value="Запросить json" class="json" class = "click" id = "4" />
<script>
$(document).ready(function(){
$(".json").click(function (e){
  var data = $(this).attr("id");
$.post(
  "do_action.php",
  {
    id_from_js: data
   },
  onAjaxSuccess //функция выполняемая при завершенной передаче данных и получении ответа от  do_action.php
);
 
function onAjaxSuccess(data_from_php)
{
  // Здесь мы получаем данные, отправленные сервером 
  $("#"+data_from_php).html("Записано в " + data_from_php);
}
})
})
</script>

И файл do_action.php:

PHP

1
2
3

<?php
   $div_id = $_POST["id_from_js"];
   echo "my_div".$div_id;

@ISerg1986 16 / 16 / 13 Регистрация: 12.01.2014 Сообщений: 177
	26.06.2014, 18:54 [ТС]	4
	Тема всё ещё актуальна. Ответа не нашел. 0

	27.06.2014, 00:46